/* left */
.left > div:nth-child(1) {
  height: 20%;
  background: url("../images/index/框-站点管控.png");
  background-size: 100% 100%;
}

.left > div:nth-child(2) {
  height: 40%;
  background: url("../images/index/框-站点实况.png");
  background-size: 100% 100%;
}

.left > div:nth-child(3) {
  height: 40%;
  background: url("../images/index/框-站点实况.png");
  background-size: 100% 100%;
}

/* right */
.right > div {
  height: 50%;
}

.rightTableContainer {
  height: calc(100% - 40px);
}

.rightTable {
  width: 100%;
}

.rightTable th,
.rightTable td {
  text-align: center;
}

.rightTable th {
  background-color: #051545;
}

.rightTable tr:nth-child(even) {
  background-color: #051545;
}

.title {
  margin: 3% 0 0 2%;
  font-weight: bold;
  font-size: 20px;
  color: #eee;
  float: left;
  user-select: none;
}

.contentButton {
  color: #0088FF;
  width: 100px;
  height: 25px;
  float: right;
  margin: 6% 0 0 2%;
  cursor: pointer;
  user-select: none;
}

.status {
  display: flex;
  height: 80%;
  width: 100%;
}

.position_status{
    height: 460px;
    overflow: scroll;
}
.status > div {
  flex: 1;
  height: 80%;
}

.statusTitle > div:nth-child(1) > div:nth-child(1) {
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-top: 7px;
  float: left;
}

.statusTitle > div:nth-child(1) > div:nth-child(2) {
  float: left;
  margin-left: 10px;
}

.statusTitle > div:nth-child(1) {
  margin-left: 28%;
  margin-top: 10%;
}

.status > div:nth-child(1) {
  border-right: 1px solid #0088FF;
}

.statusLeft > div:nth-child(2) {
  border: 1px solid #0088ff;
  clear: both;
  font-size: 30px;
  color: #eee;
  width: 60%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: auto;
  background-color: rgba(18, 18, 196, .3);
}

.statusLeft > div:nth-child(1) > div:nth-child(1) {
  background: #473bba;
}

.statusLeft > div:nth-child(1) > div:nth-child(2) {
  color: #ffffff;
}

.statusRight > div:nth-child(1) > div:nth-child(1) {
  background: #15eeee;
}

.statusRight > div:nth-child(1) > div:nth-child(2) {
  color: #15eeee;
}

.statusTitle.statusRight > div:nth-child(2) {
  clear: both;
  margin: auto;
  width: 60%;
  height: 50px;
  font-size: 30px;
}

.right > div {
  background: url(../images/index/框-维护计划、记录.png);
  background-size: 100% 100%;
}

.sec.middle > div:nth-child(1) {
  margin-top: 12px;
  margin-left: 30px;
}

.sec.middle > div:nth-child(1) > p:nth-child(1) {
  background: url(../images/index/标题-长春站.png);
  background-size: 100% 100%;
  height: 25px;
  width: 50px;
  float: left;
}

.sec.middle > div:nth-child(1) > p:nth-child(2) {
  float: left;
  color: #eee;
}

.sec.middle > div:nth-child(2) {
  display: flex;
  width: 95%;
  height: 12%;
  margin-left: 3%;
}

.sec.middle > div:nth-child(2) > div {
  flex: 1;
}

.weatherTime, .nextTime, .location {
  background-color: #23659B;
}

.weatherTime, .location {
  margin-right: 2%;
}

.weatherTime {
  display: flex;
  flex: 2 !important;
}

.weatherTime > div {
  flex: 1;
  height: 80%;
  margin-top: 3%;
  color: #eee;
}

.weatherTime > div:nth-child(1) {
  flex: 1;
  height: 80%;
  margin-top: 3%;
  border-right: 3px solid #eee;
}

.weatherTime > div:nth-child(1) > p {
  height: 50%;
  width: 100%;
  margin-left: 20%;
}

.weatherTime > div:nth-child(1) > p:nth-child(1) {
  font-size: 35px;
}

.weatherTime > div:nth-child(2) {
  display: flex;
  margin-left: 3%;
}

.weatherTime > div:nth-child(2) > div {
  flex: 1;
  height: 100%;
}

.weatherTime > div:nth-child(2) > div:nth-child(1) {
  background-size: 100% 100% !important;
}

.nextTime > p:nth-child(1) {
  margin: 4%;
  color: #eee;
}

.nextTime > p:nth-child(2) {
  width: 260px;
  margin-left: 5%;
  margin-top: 20px;
}

.nextTime > p:nth-child(2) > span:nth-child(odd) {
  font-size: 25px;
  color: #ff0000;
}

.nextTime > p:nth-child(2) > span:nth-child(even) {
  color: #eee;
  margin: 0 5%;
}

.location {
  color: #eee;
}

.location input {
  width: 70%;
  background-color: #072F68;
  color: #fff;
  text-align: center;
}

.location > div:nth-child(2) > p {
  margin-left: 20%;
}
